<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MultiLang Admin - 多语言管理系统</title>
    <link href="/static/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
        }
        
        .welcome-box {
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            padding: 40px;
            text-align: center;
            max-width: 800px;
            margin: 2rem auto;
        }
        
        .logo {
            width: 80px;
            height: 80px;
            margin-bottom: 20px;
            transition: transform 0.3s ease;
        }
        
        .logo:hover {
            transform: scale(1.1);
        }
        
        .title {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 10px;
            background: linear-gradient(45deg, #2563eb, #3b82f6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .subtitle {
            color: #6c757d;
            margin-bottom: 30px;
            font-size: 1.1rem;
        }
        
        .btn-group {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }
        
        .btn-group .btn {
            padding: 10px 30px;
            border-radius: 50px;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        
        .btn-group .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
        }
        
        .features {
            text-align: left;
            margin: 40px 0;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 1.5rem;
        }
        
        .feature-item {
            background: #f8fafc;
            padding: 1.25rem;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 1rem;
            transition: transform 0.3s ease;
        }
        
        .feature-item:hover {
            transform: translateY(-2px);
            background: #f1f5f9;
        }
        
        .feature-icon {
            width: 24px;
            height: 24px;
            color: #2563eb;
            flex-shrink: 0;
        }
        
        .feature-text {
            font-size: 1rem;
            color: #1e293b;
            font-weight: 500;
        }
        
        .feature-desc {
            font-size: 0.9rem;
            color: #64748b;
            margin-top: 0.5rem;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="welcome-box">
                    <!-- Logo -->
                    <img src="/static/images/logo.svg" alt="Logo" class="logo">
                    
                    <!-- 标题 -->
                    <h1 class="title">MultiLang Admin</h1>
                    <p class="subtitle">基于 ThinkPHP 8.0 + Vue3 的现代化多语言管理系统</p>
                    
                    <!-- 功能特点 -->
                    <div class="features">
                        <div class="feature-item">
                            <svg class="feature-icon" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/>
                            </svg>
                            <div>
                                <div class="feature-text">RBAC 权限管理</div>
                                <div class="feature-desc">细粒度的权限控制，支持多角色分配</div>
                            </div>
                        </div>
                        <div class="feature-item">
                            <svg class="feature-icon" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/>
                            </svg>
                            <div>
                                <div class="feature-text">多语言支持</div>
                                <div class="feature-desc">内置中英文支持，可轻松扩展其他语言</div>
                            </div>
                        </div>
                        <div class="feature-item">
                            <svg class="feature-icon" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/>
                            </svg>
                            <div>
                                <div class="feature-text">文件管理</div>
                                <div class="feature-desc">集成阿里云OSS，支持文件上传与管理</div>
                            </div>
                        </div>
                        <div class="feature-item">
                            <svg class="feature-icon" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/>
                            </svg>
                            <div>
                                <div class="feature-text">API文档</div>
                                <div class="feature-desc">自动生成接口文档，支持在线调试</div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按钮组 -->
                    <div class="btn-group">
                        <a href="/admin" class="btn btn-primary">后台管理</a>
                        <a href="/docs" class="btn btn-outline-primary">接口文档</a>
                        <a href="https://github.com/your-repo" target="_blank" class="btn btn-outline-secondary">
                            <i class="fa fa-github me-2"></i>GitHub
                        </a>
                    </div>
                    
                    <!-- 版权信息 -->
                    <div class="mt-4 text-muted">
                        <small>© 2024 MultiLang Admin. Made with ❤️ by Your Name</small>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="/static/bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.min.js"></script>
</body>
</html> 